<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<meta name="Keywords" content="" />
	<meta name="Description" content="" />
	<meta name="author" content="Kamly">
	<title>消息弹出</title>
	<link rel="stylesheet" type="text/css" href="css/normal.css" />
	<link rel="stylesheet" type="text/css" href="css/html5.css" />
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="css/grid.css" />
	<link rel="stylesheet" type="text/css" href="css/animate.css" />
	<link rel="stylesheet" type="text/css" href="css/form.css" />
	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="css/daohang.css" />
	<link rel="stylesheet" type="text/css" href="css/msgout.css" />
	<link rel="stylesheet" type="text/css" href="css/paddingmargin.css" />
	<link rel="stylesheet" type="text/css" href="css/biaoti.css" />
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<script  src="js/jquery-1.9.0.min.js" type="text/javascript"></script>
</head>
<body>

	<div class="msg-out">
	    <div class="msg p16">
	        <div>
	            <h4 class="pb8">注意</h4>
	            <p>Are you ok?Are you ok?Are you ok?Are you ok?Are you ok?Are you ok?Are you ok?Are you ok?</p>
	        </div>
	        <div class="">
	            <div class="ui-btn mr8 concel">concel</div>
	            <div class="ui-btn mr8 ok">ok</div>
	        </div>
	    </div>
	</div>


<script type="text/javascript">
	/**
	*  msg/alert
	*/
	$(".concel").click(function() {
		$(this).parents(".msg-out").fadeOut(300);
	})
</script>

</body>
</html>